irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Extra] Rose Pine.css
239 lines4.7 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Rose Pine */
3
4
5@define-color bar-bg rgba(0, 0, 0, 0);
6@define-color main-bg #26233a;
7@define-color main-fg #ebbcba;
8@define-color wb-act-bg #31748f;
9@define-color wb-act-fg #9ccfd8;
10@define-color wb-hvr-bg #eb6f92;
11@define-color wb-hvr-fg #f6c177;
12
13* {
14 font-family: "JetBrainsMono Nerd Font";
15 font-weight: bold;
16 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
17 font-size: 97%;
18 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
19 border-radius: 12px;
20}
21
22window#waybar {
23 background: @bar-bg;
24}
25
26window#waybar.empty,
27window#waybar.empty #window {
28 background-color: transparent;
29 padding: 0px;
30 border: 0px;
31}
32
33tooltip {
34 background: @main-bg;
35 color: @main-fg;
36 border-radius: 8px;
37 border-width: 0px;
38}
39
40#taskbar button,
41#workspaces button {
42 box-shadow: none;
43 text-shadow: none;
44 padding: 0px;
45 border-bottom: 2px;
46 border-color: #2B5D34;
47 border-style: solid;
48 border-radius: 10px;
49 padding-left: 2px;
50 padding-right: 4px;
51 background: @main-bg;
52 color: @main-fg;
53 animation: gradient_f 20s ease-in infinite;
54 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
55}
56
57#workspaces button.active {
58 background: @wb-act-bg;
59 color: @wb-act-fg;
60 padding-left: 2px;
61 padding-right: 4px;
62 animation: gradient_f 20s ease-in infinite;
63 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
64}
65
66#workspaces button:hover {
67 background: @wb-hvr-bg;
68 color: @wb-hvr-fg;
69 padding-left: 2px;
70 padding-right: 2px;
71 animation: gradient_f 20s ease-in infinite;
72 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
73}
74
75#taskbar button {
76 box-shadow: none;
77 text-shadow: none;
78 padding: 0px;
79 border-bottom: 2px;
80 border-color: #2B5D34;
81 border-style: solid;
82 border-radius: 10px;
83 padding-left: 3px;
84 padding-right: 3px;
85 color: @wb-color;
86 animation: gradient_f 20s ease-in infinite;
87 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
88}
89
90#taskbar button.active {
91 background: @wb-act-bg;
92 color: @wb-act-color;
93 padding-left: 8px;
94 padding-right: 8px;
95 animation: gradient_f 20s ease-in infinite;
96 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
97}
98
99#taskbar button:hover {
100 background: @wb-hvr-bg;
101 color: @wb-hvr-color;
102 padding-left: 3px;
103 padding-right: 3px;
104 animation: gradient_f 20s ease-in infinite;
105 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
106}
107
108#backlight,
109#backlight-slider,
110#battery,
111#bluetooth,
112#clock,
113#cpu,
114#disk,
115#idle_inhibitor,
116#keyboard-state,
117#memory,
118#mode,
119#mpris,
120#network,
121#power-profiles-daemon,
122#pulseaudio,
123#pulseaudio-slider,
124#temperature,
125#tray,
126#window,
127#wireplumber,
128#custom-backlight,
129#custom-browser,
130#custom-cava_mviz,
131#custom-cycle_wall,
132#custom-dot_update,
133#custom-file_manager,
134#custom-keybinds,
135#custom-keyboard,
136#custom-light_dark,
137#custom-lock,
138#custom-hint,
139#custom-hypridle,
140#custom-menu,
141#custom-playerctl,
142#custom-power_vertical,
143#custom-power,
144#custom-quit,
145#custom-reboot,
146#custom-settings,
147#custom-spotify,
148#custom-swaync,
149#custom-tty,
150#custom-updater,
151#custom-weather,
152#custom-weather.clearNight,
153#custom-weather.cloudyFoggyDay,
154#custom-weather.cloudyFoggyNight,
155#custom-weather.default,
156#custom-weather.rainyDay,
157#custom-weather.rainyNight,
158#custom-weather.severe,
159#custom-weather.showyIcyDay,
160#custom-weather.snowyIcyNight,
161#custom-weather.sunnyDay {
162 color: @main-fg;
163 background: @main-bg;
164 opacity: 1;
165 border-bottom: 2px;
166 border-color: #2B5D34;
167 border-style: solid;
168 border-radius: 10px;
169 padding-top: 4px;
170 padding-bottom: 4px;
171 padding-right: 6px;
172 padding-left: 6px;
173}
174
175#temperature.critical {
176 background-color: red;
177}
178
179/*-----Indicators----*/
180#custom-hypridle.notactive,
181#idle_inhibitor.activated {
182 color: #39FF14;
183}
184
185@keyframes blink {
186 to {
187 color: @main-bg;
188 }
189}
190
191#battery.critical:not(.charging) {
192 background-color: red;
193 color: white;
194 animation-name: blink;
195 animation-duration: 3.0s;
196 animation-timing-function: steps(12);
197 animation-iteration-count: infinite;
198 animation-direction: alternate;
199 box-shadow: inset 0 -3px transparent;
200}
201
202#backlight {
203 padding-right: 2px;
204}
205#network {
206 padding-right: 12px;
207}
208#custom-power {
209 padding-right: 1px;
210}
211#group-motherboard,
212#group-laptop,
213#group-audio {
214 color: @main-fg;
215 background-color: @main-bg;
216}
217
218#backlight-slider slider,
219#pulseaudio-slider slider {
220 min-width: 0px;
221 min-height: 0px;
222 opacity: 0;
223 background-image: none;
224 border: none;
225 box-shadow: none;
226}
227
228#backlight-slider trough,
229#pulseaudio-slider trough {
230 min-width: 80px;
231 min-height: 5px;
232 border-radius: 5px;
233}
234
235#backlight-slider highlight,
236#pulseaudio-slider highlight {
237 min-height: 10px;
238 border-radius: 5px;
239}